import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../util/adapt';
import {
  APP_BLACK,
  APP_BUTTON_BACKGROUND_YELLOW,
  APP_GRAY,
  APP_ORANGE,
  APP_RED
} from '../../../../constant/color';

export default StyleSheet.create({
  container: {
    height: phonePx(60),
    position: 'absolute',
    left: 0,
    bottom: 0,
    right: 0,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    backgroundColor: '#fff'
  },
  buttons: {
    flexDirection: 'row'
  },
  button: {
    width: phonePx(66),
    alignItems: 'center',
    paddingTop: phonePx(12),
    paddingBottom: phonePx(10)
  },
  buttonDesc: {
    fontSize: phonePx(10),
    color: APP_BLACK,
    fontWeight: '500',
    lineHeight: phonePx(14)
  },
  serviceIcon: {
    width: phonePx(23),
    height: phonePx(23)
  },
  cartIcon: {
    width: phonePx(25),
    height: phonePx(23)
  },
  loadCartNum: {
    position: 'absolute',
    top: phonePx(8),
    right: phonePx(14),
    width: phonePx(16),
    height: phonePx(16),
    backgroundColor: APP_RED,
    borderRadius: phonePx(8),
    alignItems: 'center',
    justifyContent: 'center'
  },
  cartNum: {
    fontSize: phonePx(12),
    color: '#ffffff',
    fontWeight: '600'
  },
  operations: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'flex-end'
  },
  add: {
    width: phonePx(98),
    height: phonePx(40),
    backgroundColor: APP_BUTTON_BACKGROUND_YELLOW,
    borderRadius: phonePx(4),
    justifyContent: 'center',
    alignItems: 'center',
    marginRight: phonePx(10)
  },
  addDesc: {
    fontSize: phonePx(14),
    color: APP_ORANGE,
    fontWeight: '500'
  },
  buy: {
    width: phonePx(84),
    height: phonePx(40),
    backgroundColor: 'rgba(229, 229, 229, 1.0)',
    borderRadius: phonePx(4),
    justifyContent: 'center',
    alignItems: 'center',
    marginRight: phonePx(20)
  },
  buyDesc: {
    fontSize: phonePx(14),
    color: '#fff',
    fontWeight: '500'
  }
});
